
.mp-panel-notification{
    display: none;
}

/* 面板.仪表盘 */
.mp-panel-dashboard{
    display: none;
    .mp-item{
        padding: 30px 0px;
        .iconfont{
            font-size: 28px;
            position: relative;
            top: 5px;
            margin-right: 10px;
        }
        em{
            font-style: normal;
            font-size: 48px;
        }
    }
}

/* 面板.图片素材 */
.mp-panel-material-image{
    display: none;
    .condition-sort{
        line-height: 28px;
        margin-top: 15px;
        margin-bottom: -15px;
        .mp-sort-condition{
            width: 90px;
            padding-left: 16px;
            display: inline-block;
        }
        .mp-sort-selected{
            color: #35aa47;
        }
    }
    .mp-upload-button{
    }
    .navbar-toolbar .navbar-brand{
        font-size: 14px;
        font-weight: 100;
    }
    .navbar-toolbar .navbar-nav>a{
        font-size: 14px;
    }
    .navbar-toolbar .navbar-nav>.active>a{
        font-weight: 100;
    }
    .mp-panel-content{
        margin-top: 30px;
        .mp-box-block{
            display: inline-block;
            width: 240px;
            height: 148px;
            margin: 0 15px 15px 0;
            .mp-box-top-toolbar{
                margin-bottom: -30px;
                text-align: right;
                position: relative;
                top: -10px;
                right: -15px;
                .mp-remove{
                    cursor: pointer;
                    width: 30px;
                }
            }
            .mp-image-box{
                display: inline-block;
                width: 240px;
                height: 148px;
                overflow: hidden;
                border: 1px solid #ddd;
                padding: 4px;
                img.mp-image{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .mp-name-input{
                background-color: white;
                input{
                    width: 100%;
                }
            }
            .mp-name{
                display: -webkit-box;
                height: 64px;
                overflow: hidden;
                word-break:break-all; /* 支持IE和chrome，FF不支持*/
                word-wrap:break-word; /* 以上三个浏览器均支持 */
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }
        }
    }
}

/* 面板.图片上传 */
.mp-panel-material-upload-image{
    display: none;
    width: 782px;
    margin-left: auto;
    margin-right: auto;
    .mp-upload-status{
        padding: 5px 0 0 15px;
    }
}

/* 面板.视频素材 */
.mp-panel-material-video{
    display: none;
    .condition-sort{
        line-height: 28px;
        margin-top: 15px;
        margin-bottom: -15px;
        .mp-sort-condition{
            width: 90px;
            padding-left: 16px;
            display: inline-block;
        }
        .mp-sort-selected{
            color: #35aa47;
        }
    }
    .mp-upload-button{
    }
    .navbar-toolbar .navbar-brand{
        font-size: 14px;
        font-weight: 100;
    }
    .navbar-toolbar .navbar-nav>a{
        font-size: 14px;
    }
    .navbar-toolbar .navbar-nav>.active>a{
        font-weight: 100;
    }
    .mp-panel-content{
        margin-top: 30px;
        .mp-box-block{
            display: inline-block;
            width: 240px;
            height: 148px;
            margin: 0 15px 15px 0;
            .mp-box-top-toolbar{
                margin-bottom: -30px;
                text-align: right;
                position: relative;
                top: -10px;
                right: -15px;
                .mp-remove{
                    cursor: pointer;
                    width: 30px;
                }
            }
            .mp-video-box{
                display: inline-block;
                width: 240px;
                height: 148px;
                overflow: hidden;
                border: 1px solid #ddd;
                padding: 4px;
                img.mp-image{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    cursor: pointer;
                }
            }
            .mp-name-input{
                background-color: white;
                input{
                    width: 100%;
                }
            }
            .mp-name{
                display: -webkit-box;
                height: 64px;
                overflow: hidden;
                word-break:break-all; /* 支持IE和chrome，FF不支持*/
                word-wrap:break-word; /* 以上三个浏览器均支持 */
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }
        }
    }
}

/* 面板.视频上传 */
.mp-panel-material-upload-video{
    display: none;
    width: 782px;
    margin-left: auto;
    margin-right: auto;
    .mp-upload-status{
        padding: 5px 0 0 15px;
    }
}

/* 面板.分类管理 */
.mp-panel-category{
    display: none;
    .table{
        margin-top: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.添加分类 */
.mp-panel-append-category{
    display: none;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* 面板.文章管理 */
.mp-panel-article-list{
    display: none;
    form{
        margin-bottom: 15px;
        .condition-sort{
            line-height: 28px;
            margin-top: 15px;
            margin-bottom: -15px;
            .mp-sort-condition{
                width: 110px;
                padding-left: 16px;
                display: inline-block;
            }
            .mp-sort-selected{
                color: #35aa47;
            }
        }
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.文章编辑 */
.mp-panel-article-edit{
    display: none;
    min-height: 900px;
    .mp-panel-content{
        min-width: 800px;

        .mp-form-content{
            width: 780px;
        }
        .mp-form-right{
            width: 130px;
        }
        .mp-toolsbar{
            .mp-fixed{
                width: 130px;
                position: absolute;
                //top: 300px;
            }
        }

        /* 文件名 */
        .mp-post-attribute{
            display: none;
        }
        /* 标题 */
        .mp-post-title{
            display: none;
        }
        /* 摘要 */
        .mp-post-summary{
            display: none;
            .mp-media{
                .mp-fixed{
                    width: 100px;
                    .mp-media-title{
                        display: block;
                        padding: 0 10px 10px 10px;
                        font-weight: 100;
                        font-size: 14px;
                        text-align: center;
                    }
                }
            }
        }
        /* 流程简述 */
        .mp-post-process-step{
            display: none;
            .table{
                tr:first-child{
                    td{
                        border-top: inherit;
                        input{width: 100%}
                    }
                }
                tr{
                    td{
                        vertical-align: middle;
                        input{width: 100%}
                    }
                }
            }
        }
        /* 操作规范 */
        .mp-post-step-standard{
            display: none;
            .mp-media{
                .mp-fixed{
                    width: 100px;
                    .mp-media-title{
                        display: block;
                        padding: 0 10px 10px 10px;
                        font-weight: 100;
                        font-size: 14px;
                        text-align: center;
                    }
                }
            }
        }
        /* 图片 */
        .mp-post-image{
            display: none;
            >.row{
                margin-bottom: 15px;
                .mp-image-insert{
                    color: #d84a38;
                }
            }
            .post-image{
                margin-bottom: 0;
                background-color: black;
            }

            .mp-box-block{
                display: inline-block;
                width: 235px;
                height: 148px;
                margin: 15px 0 0 15px;
                .mp-box-top-toolbar{
                    margin-bottom: -30px;
                    text-align: right;
                    position: relative;
                    top: -10px;
                    right: -15px;
                    .mp-remove{
                        cursor: pointer;
                        width: 30px;
                    }
                }
                .mp-image-box{
                    display: inline-block;
                    width: 235px;
                    height: 148px;
                    overflow: hidden;
                    border: 1px solid #ddd;
                    padding: 4px;
                    img.mp-image{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                .mp-name-input{
                    background-color: white;
                    input{
                        width: 100%;
                    }
                }
                .mp-name{
                    display: -webkit-box;
                    height: 55px;
                    overflow: hidden;
                    word-break:break-all; /* 支持IE和chrome，FF不支持*/
                    word-wrap:break-word; /* 以上三个浏览器均支持 */
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                }
            }
        }
        /* 视频 */
        .mp-post-video{
            display: none;
            >.row{
                margin-bottom: 15px;
                .mp-video-insert{
                    color: #d84a38;
                }
            }
            .post-video{
                margin-bottom: 0;
                background-color: black;
            }
            .mp-box-block{
                display: inline-block;
                width: 235px;
                height: 148px;
                margin:  15px 0 0 15px;
                .mp-box-top-toolbar{
                    margin-bottom: -30px;
                    text-align: right;
                    position: relative;
                    top: -10px;
                    right: -15px;
                    .mp-remove{
                        cursor: pointer;
                        width: 30px;
                    }
                }
                .mp-video-box{
                    display: inline-block;
                    width: 235px;
                    height: 148px;
                    overflow: hidden;
                    border: 1px solid #ddd;
                    padding: 4px;
                    img.mp-image{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        cursor: pointer;
                    }
                }
                .mp-name-input{
                    background-color: white;
                    input{
                        width: 100%;
                    }
                }
                .mp-name{
                    display: -webkit-box;
                    height: 55px;
                    overflow: hidden;
                    word-break:break-all; /* 支持IE和chrome，FF不支持*/
                    word-wrap:break-word; /* 以上三个浏览器均支持 */
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                }
            }
        }
        /* 备注 */
        .mp-post-remark{
            display: none;
            .mp-media{
                .mp-fixed{
                    width: 100px;
                    .mp-media-title{
                        display: block;
                        padding: 0 10px 10px 10px;
                        font-weight: 100;
                        font-size: 14px;
                        text-align: center;
                    }
                }
            }
        }
        /* 相关文章 */
        .mp-post-related-post{
            display: none;
            .table{
                tr:first-child{
                    td{
                        border-top: inherit;
                    }
                }
                tr{
                    td{
                        vertical-align: middle;
                    }
                }
            }
        }
        /* 相关视频 */
        .mp-post-related-video{
            display: none;
            >.row{
                margin-bottom: 15px;
                .mp-video-insert{
                    color: #d84a38;
                }
            }
            .post-video{
                margin-bottom: 15px;
                background-color: black;
            }
            .mp-box-block{
                display: inline-block;
                width: 235px;
                height: 148px;
                margin:  15px 0 0 15px;
                .mp-box-top-toolbar{
                    margin-bottom: -30px;
                    text-align: right;
                    position: relative;
                    top: -10px;
                    right: -15px;
                    .mp-remove{
                        cursor: pointer;
                        width: 30px;
                    }
                }
                .mp-video-box{
                    display: inline-block;
                    width: 235px;
                    height: 148px;
                    overflow: hidden;
                    border: 1px solid #ddd;
                    padding: 4px;
                    img.mp-image{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        cursor: pointer;
                    }
                }
                .mp-name-input{
                    background-color: white;
                    input{
                        width: 100%;
                    }
                }
                .mp-name{
                    display: -webkit-box;
                    height: 55px;
                    overflow: hidden;
                    word-break:break-all; /* 支持IE和chrome，FF不支持*/
                    word-wrap:break-word; /* 以上三个浏览器均支持 */
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                }
            }
        }
        /* 标签 */
        .mp-post-tag{
            display: none;
        }
    }
}

.mp-panel-article-edit-title{
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 195px;
    .mp-panel-title{
        margin-bottom: 0px;
    }
}

/* 面板.选择视频 */
.mp-panel-material-select-video{
    display: none;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    .navbar-toolbar .navbar-brand{
        font-size: 14px;
        font-weight: 100;
    }
    .navbar-toolbar .navbar-nav>a{
        font-size: 14px;
    }
    .navbar-toolbar .navbar-nav>.active>a{
        font-weight: 100;
    }
    .mp-panel-content{
        margin-top: 15px;
        overflow-x: hidden;
        overflow-y: auto;
        height: 360px;
        .mp-image-box{
            display: inline-block;
            width: 108px;
            height: 108px;
            overflow: hidden;
            margin: 0 5px 10px 5px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}

/* 面板.标签管理 */
.mp-panel-tag{
    display: none;
    .table{
        margin-top: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.标签管理 */
.mp-panel-tag-category{
    display: none;
    .table{
        margin-top: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.添加标签 */
.mp-panel-append-tag{
    display: none;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* 面板.添加标签分类 */
.mp-panel-tag-category-append{
    display: none;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* 面板.邮箱设置 */
.mp-panel-email-settings{
    display: none;
}

/* 面板.发布管理.当前版本 */
.mp-panel-release{
    display: none;
    .mp-sub-title{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .table{
        margin-top: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.发布管理.历史版本 */
.mp-panel-release-history{
    display: none;
    .mp-sub-title{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .table{
        margin-top: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.目录管理 */
.mp-panel-folder{
    display: none;
}
.mp-panel-folder-float{
    display: none;
    position: fixed;
    top: 0px;
    right: 0;
    left: 155px;
    margin-bottom: 0px;
    padding: 24px 18px 18px 18px;
}



/* 面板.用户管理 */
.mp-panel-users{
    display: none;
    form{
        margin-bottom: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.添加用户 */
.mp-panel-append-users{
    display: none;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}



/* 面板.咨询管理 */
.mp-panel-advice{
    display: none;
    form{
        margin-bottom: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* 面板.网站管理 */
.mp-panel-domains{
    display: none;
    form{
        margin-bottom: 15px;
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}






/* dialog mask */
.mp-panel-dialog-mask{
    background-color: rgba(10, 10, 10, 0.5);
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* dialog.消息确认框 */
.mp-panel-dialog-message-confirm{
    display: none;
    width: 600px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    margin-top: 100px;
    box-shadow: 0 15px 99px 0 rgba(0, 0, 0, 0.6);
    .mp-message-content{
        margin-bottom: 15px;
        font-size: 16px;
    }
}

/* dialog.图片选择框 */
.mp-panel-dialog-select-material-image{
    display: none;
    position: fixed;
    z-index: 99999;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    margin-bottom: 0px;
    box-shadow: 0 15px 99px 0 rgba(0, 0, 0, 0.6);
    overflow: auto;
    .m-relative{
        position: relative;
        .m-absolute-top{
            position: fixed;
            top: 30px;
            right: 60px;
            left: 60px;
            padding-top: 30px;
            z-index: 99999;
            background: white;
            height: 175px;
            border-bottom: 1px solid #eee;
        }
    }
    .navbar-toolbar .navbar-brand{
        font-size: 14px;
        font-weight: 100;
    }
    .navbar-toolbar .navbar-nav>a{
        font-size: 14px;
    }
    .navbar-toolbar .navbar-nav>.active>a{
        font-weight: 100;
    }
    .condition-sort{
        line-height: 28px;
        margin-top: 15px;
        margin-bottom: -15px;
        .mp-sort-condition{
            width: 90px;
            padding-left: 16px;
            display: inline-block;
        }
        .mp-sort-selected{
            color: #35aa47;
        }
    }
    .mp-panel-content{
        margin-top: 15px;
        padding-top: 175px;
        overflow-x: hidden;
        overflow-y: auto;

        .mp-box-block{
            display: inline-block;
            width: 240px;
            height: 148px;
            margin: 0 15px 15px 0;
            .mp-box-top-toolbar{
                margin-bottom: -20px;
                text-align: right;
                position: relative;
                top: 0px;
                right: 0px;
                .mp-remove{
                    cursor: pointer;
                    width: 20px;
                }
            }
            .mp-image-box{
                display: inline-block;
                width: 240px;
                height: 148px;
                overflow: hidden;
                border: 1px solid #ddd;
                padding: 4px;
                cursor: pointer;
                img.mp-image{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .mp-name{
                display: -webkit-box;
                height: 64px;
                overflow: hidden;
                word-break:break-all; /* 支持IE和chrome，FF不支持*/
                word-wrap:break-word; /* 以上三个浏览器均支持 */
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }
        }
    }
}

/* dialog.视频选择框 */
.mp-panel-dialog-select-material-video{
    display: none;
    position: fixed;
    z-index: 99999;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    margin-bottom: 0px;
    box-shadow: 0 15px 99px 0 rgba(0, 0, 0, 0.6);
    overflow: auto;
    .m-relative{
        position: relative;
        .m-absolute-top{
            position: fixed;
            top: 30px;
            right: 60px;
            left: 60px;
            padding-top: 30px;
            z-index: 99999;
            background: white;
            height: 175px;
            border-bottom: 1px solid #eee;
        }
    }
    .navbar-toolbar .navbar-brand{
        font-size: 14px;
        font-weight: 100;
    }
    .navbar-toolbar .navbar-nav>a{
        font-size: 14px;
    }
    .navbar-toolbar .navbar-nav>.active>a{
        font-weight: 100;
    }
    .condition-sort{
        line-height: 28px;
        margin-top: 15px;
        margin-bottom: -15px;
        .mp-sort-condition{
            width: 90px;
            padding-left: 16px;
            display: inline-block;
        }
        .mp-sort-selected{
            color: #35aa47;
        }
    }
    .mp-panel-content{
        margin-top: 15px;
        padding-top: 175px;
        overflow-x: hidden;
        overflow-y: auto;

        .mp-box-block{
            display: inline-block;
            width: 240px;
            height: 148px;
            margin: 0 15px 15px 0;
            .mp-box-top-toolbar{
                margin-bottom: -20px;
                text-align: right;
                position: relative;
                top: 0px;
                right: 0px;
                .mp-remove{
                    cursor: pointer;
                    width: 20px;
                }
            }
            .mp-image-box{
                display: inline-block;
                width: 240px;
                height: 148px;
                overflow: hidden;
                border: 1px solid #ddd;
                padding: 4px;
                cursor: pointer;
                img.mp-image{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .mp-name{
                display: -webkit-box;
                height: 64px;
                overflow: hidden;
                word-break:break-all; /* 支持IE和chrome，FF不支持*/
                word-wrap:break-word; /* 以上三个浏览器均支持 */
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }
        }
    }
}

/* dialog.预览 */
.mp-panel-dialog-preview{
    display: none;
    width: 800px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    margin-top: 100px;
    box-shadow: 0 15px 99px 0 rgba(0, 0, 0, 0.6);
    .mp-preview-content{
        width: 100%;
        .post-video{
            background-color: black;
        }
    }
}

/* dialog.文章选择框 */
.mp-panel-dialog-select-article{
    display: none;
    position: fixed;
    z-index: 99999;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    margin-bottom: 0px;
    box-shadow: 0 15px 99px 0 rgba(0, 0, 0, 0.6);
    overflow: auto;
    form{
        margin-bottom: 15px;
        .condition-sort{
            line-height: 28px;
            margin-top: 15px;
            margin-bottom: -15px;
            .mp-sort-condition{
                width: 110px;
                padding-left: 16px;
                display: inline-block;
            }
            .mp-sort-selected{
                color: #35aa47;
            }
        }
    }
    nav{
        text-align: right;
        .pagination{
            margin: 0;
        }
    }
}

/* dialog.图片上传 */
.mp-panel-dialog-material-upload-image{
    display: none;
    width: 800px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    margin-top: 100px;
    .mp-upload-status{
        padding: 5px 0 0 15px;
    }

    .mp-box-block{
        display: inline-block;
        width: 200px;
        height: 200px;
        margin: 0 15px 15px 0;
        .mp-image-box{
            display: inline-block;
            width: 200px;
            height: 200px;
            overflow: hidden;
            border: 1px solid #ddd;
            padding: 4px;
            cursor: pointer;
            img.mp-image{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

}

/* dialog.视频上传 */
.mp-panel-dialog-material-upload-video{
    display: none;
    width: 800px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    margin-top: 100px;
    .mp-upload-status{
        padding: 5px 0 0 15px;
    }

}

/* dialog.添加分类 */
.mp-panel-dialog-append-category{
    display: none;
    width: 600px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    margin-top: 100px;

}

/* dialog.添加标签分类 */
.mp-panel-dialog-tag-category-append{
    display: none;
    width: 600px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    margin-top: 100px;
}

/* dialog.添加标签 */
.mp-panel-dialog-append-tag{
    display: none;
    width: 600px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    margin-top: 100px;

}

/* dialog.添加用户 */
.mp-panel-dialog-append-users{
    display: none;
    width: 600px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    margin-top: 100px;

}

/* dialog.修改密码 */
.mp-panel-dialog-user-password{
    display: none;
    width: 600px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    margin-top: 100px;

}

/* dialog.excel上传 */
.mp-panel-dialog-import-upload-excel{
    display: none;
    width: 800px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    margin-top: 100px;
    .mp-upload-status{
        padding: 5px 0 0 15px;
    }

}

/* dialog.添加网站 */
.mp-panel-dialog-append-domain{
    display: none;
    width: 600px;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    margin-top: 100px;

}






.mp-panel-visible{
    display: inherit!important;
}

/* treeview */
.mp-treeview{
    .icon{
        width: 16px!important;
        display: inline-block;
    }
}











